@charset "UTF-8";
*{
	margin:auto;
}
html{
	width:100%;
	height:100%;
	overflow: hidden;
}
body {
	width:100%;
	height:100%;
	margin:auto;
	background-image: url(../03.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-color: #999;
}
li{
	list-style-type: none;
}
a{
	text-decoration: none;
}
.container-nav{
	width: 100%;
	height: 80px;
	margin:auto;
	background-color: #002;
	position:absolute;
	z-index: 9;
}
.div-ul{
	padding: 0px;
}
.container-nav-top span{
	font-size: 30px;
	color: #fff;
	line-height: 80px;
	margin-left: 10px;
}
.container-nav-top-ul{
	width:440px;
	font-size: 30px;
	margin-right:20px;
	margin-top: -50px;
	text-align:left;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 10px;
}
.div-ul-bottom{
	display: none;
}
.container{
	width:100%;
	height: 100%;
}
.container-select-left{
	width:20%;
	height: 100%;
	background-color: #002;
	margin-top:80px;
	margin-left:0px;
	display: inline-block;
}
.container-select-left-ul{
	margin-left: -30px;
}
.container-select-left li{
	width:90%;
	height: 50px;
	font-size:20px;
	line-height:50px;
	background-color: #fff;
	border: 1px solid #000;
}
.container-select-right{
	width:80%;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 80px;
	left: 20%
}
.container-select-right-top{
	width:100%;
	height: 100px;
	border: 1px solid #000;
}
.panel-heading{
	width:100%;
	height: 30px;
	font-size:20px;
	background-color: #999;
	text-align:center;
	border: 1px solid #999;
}
.panel-bottom{
	width:100%;
	height: 70px;
	font-size:20px;
	line-height: 70px;
	text-align: center;
	
}
.container-select-right-bottom{
	width:100%;
	height: 800px;
	border: 1px solid #000;
}
.select-table{
	border: 1px solid #000;
	margin-top: 20px;
	border-collapse: collapse;
}
.select-table tr td{
	width:200px;
	height:40px;
	border: 1px solid #000;
	text-align: center;
	font-size: 20px;
}
.myUpdeta{
	display:none;
	width:440px;
	height:500px;
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 10px;
	margin: auto;
	text-align: center;
	line-height: 50px;
	position:absolute;
	top:20%;
	left:45%;
	z-index: 10;
}
.myUpdeta-modal-header{
	font-size: 30px
}
.myUpdeta-modal-body input{
	width:200px;
	height: 30px;
}
.myUpdeta-modal-body input:hover{
	border: 2px solid #87CEFA;
	box-shadow: 0 0 1px 1px #87CEFA;
}
.myUpdeta-modal-footer button{
	width:150px;
	background-color: #87CEFA;
	border: 2px solid #87CEFA;
	box-shadow: 0 0 1px 1px #87CEFA
}
.myUpdeta-modal-footer button:active{
	background-color: red;
	border: 2px solid red;
}
.myInformation{
	display:none;
	width:440px;
	height:500px;
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 10px;
	margin: auto;
	text-align: center;
	line-height: 50px;
	position:absolute;
	top:20%;
	left:45%;
	z-index: 10;
}
.myInformation-modal-header{
	font-size: 30px
}
.myInformation-modal-body input{
	width:200px;
	height: 30px;
}
.myInformation-modal-body input:hover{
	border: 2px solid #87CEFA;
	box-shadow: 0 0 1px 1px #87CEFA;
}
.myInformation-modal-footer button{
	width:150px;
	background-color: #87CEFA;
	border: 2px solid #87CEFA;
	box-shadow: 0 0 1px 1px #87CEFA
}
.myInformation-modal-footer button:active{
	background-color: red;
	border: 2px solid red;
}